<template>
    <div class="con">
        <ul>
            <li>
                <p>1、限额和交易时间？</p>
                <p>限额：收款总额在{{data.minAmount}}~{{data.maxAmount}}元之间，交易时间：早{{data.tradeTime}}。</p>
            </li>
            <li>
                <p>2、关于手续费？</p>
                <p>手续费=收款总金额*费率{{(data.rate*100).toFixed(2)}}%+单笔费{{data.fee}}元*总笔数</p>
            </li>
            <li>
                <p>3、为什么要预留金额？</p>
                <p>只有保证信用卡内留有足够的可用余额，才能确保还款计划顺利无误执行完毕，否则执行计划会失败。在还款计划执行过程中，消费请谨慎。</p>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    name: "creditback",
    data() {
        return {
            timestamp: "",
            data: {}
        };
    },
    mounted() {
        this.timestamp = Date.parse(new Date());

        this.axios({
            method: "post",
            url: `${
                this.siteUrl
            }/h5/getRepayInfo?appid=web.2019&format=json&timestamp=${
                this.timestamp
            }`
        })
            .then(response => {
                console.log(response);
                if (response.data.success == 1) {
                    this.data = response.data.data;
                } else {
                    this.$toast(response.data.message);
                }
            })
            .catch(error => {
                console.log(error);
                this.$toast("连接服务器异常");
            });
    }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.con {
    width: 100%;
    min-height: 100vh;
    background: #fff;
}
ul {
    width: 90%;
    margin-left: 5%;
}
ul li p:first-child {
    color: #2d3659;
    font-size: 14px;
    font-weight: 600;
    margin-top: 24px;
}
ul li p:last-child {
    color: #a6a9b5;
    font-size: 12px;
    margin-top: 12px;
    font-weight: 200;
}
</style>
